<div>
    <h3>Top Heroes</h3>
    <div class="grid grid-pad">
        <div *ngFor="let hero of heroes" [routerLink]="['/detail',hero.id]" [class.selected]='shero===hero' (click)="onSelect(hero)" class="col-1-4">
            <div class="module hero">
                <h4>{{hero.name}}</h4>
            </div>
        </div>
    </div>
    <herosearch></herosearch>
</div>